<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>登录注册页面</title>
    <link href="./img/favicon.ico" rel="shortcut icon" />
    <link rel="stylesheet" href="./css/reset.css" />
    <link rel="stylesheet" href="./font/iconfont.css" />
    <link rel="stylesheet" href="./sass/denglu copy.css" />
  </head>
  <body>
    <!-- 提示框 -->
    <div class="top-wrap">
      <div class="tongzhi-wrap">
        <a class="tongzhi-wrap-a" href="#"
          >欢迎光临New
          Balance中国官方商城，新客注册350元礼券，新老客下单即享全场包邮！因技术问题微信支付暂时无法使用，建议使用浏览器登录New
          Balance中国官方商城，给您带来的不便敬请谅解！</a
        >
      </div>
      <!-- 导航 -->
      <div class="wrap-list">
        <a href="" class="logo"><img src="./img/logo.png" alt="" /></a>
        <ul class="wrap-list-1">
          <li><a href="">男子</a></li>
          <li><a href="">女子</a></li>
          <li><a href="">男孩</a></li>
          <li><a href="">女孩</a></li>
        </ul>
        <div class="search-wrap">
          <input class="search" type="text" value="搜索" />
          <span id="fangdajing" class="iconfont icon-fangdajing"> </span>
          <input class="btn" type="button" value="" />
        </div>
        <div class="search-wrap-2">
          <a href="#" id="denglu">
            <span class="iconfont icon-denglu"></span> 登录</a
          >
          <span>/</span>
          <a href="#" class="zhuce">注册</a>
          <a href="" class="gouwuche">
            <span class="iconfont icon-gouwuche"></span>您的购物车是空的
          </a>
        </div>
      </div>

      <!-- 登录注册框 -->
      <div class="tishi">
        <h1>登录或者注册新的账户</h1>
      </div>

      <div class="enter-login-wrap">
        <!-- 登录信息表 -->
        <div class="enter-wrap">
          <form action="" class="enter">
            <h2>登录</h2>
            <label for="" class="enter-label">
              <span class="fist">*</span>
              <span>电子邮箱地址</span>
              <input type="text" class="enter-emali" />
            </label>

            <label for="" class="enter-password">
              <span class="fist">*</span>
              <span>密码</span>
              <input type="text" class="enter-emali" />
            </label>

            <div class="checkbox-1">
              <div class="checkbox-2">
                <input
                  type="checkbox"
                  name="check-password"
                  id="check-password"
                  aria-invalid="false"
                />
                <span class="out-password">显示密码</span>
                <a href="">重新设置你的密码</a>
              </div>
              <div class="checkbox-3">
                <input
                  type="checkbox"
                  name="check-password"
                  id="check-password"
                  aria-invalid="false"
                />
                <span class="out-password">记住</span>
              </div>
              <button type="submit" class="btn-denglu" value="登录">
                <span>登录</span>
              </button>
            </div>
            <!-- <div class="shuoming">
          <h3>为什么注册?</h3>
          <ul class="shuoming-list">
            <li>- 获得新品上市信息和最新活动信息</li>
            <li>- 接收发货信息</li>
            <li>- 方便查阅订单状态</li>
            <li>- 管理您的收货和发票地址</li>
          </ul>
        </div> -->
          </form>

        </div>
        <!-- 提示信息 -->
        <div class="shuoming">
          <h3>为什么注册?</h3>
          <ul class="shuoming-list">
            <li>- 获得新品上市信息和最新活动信息</li>
            <li>- 接收发货信息</li>
            <li>- 方便查阅订单状态</li>
            <li>- 管理您的收货和发票地址</li>
          </ul>
        </div>

        <!-- 注册 -->
        <div class="login-wrap">
          <form action="" class="login">
            <h2>注册账户</h2>
            <label for="" class="login-label">
              <span class="fist">*</span>
              <span>姓名</span>
              <input type="text" class="login-emali" />
            </label>

            <label for="" class="login-password">
              <span class="fist">*</span>
              <span>电子邮箱</span>
              <input type="text" class="login-emali" />
            </label>
            <label for="" class="login-password">
              <span class="fist">*</span>
              <span>验证邮箱</span>
              <input type="text" class="login-emali" />
            </label>
            <label for="" class="login-password">
              <span class="fist">*</span>
              <span>密码</span>
              <input type="text" class="login-emali" />
            </label>
            <label for="" class="login-password">
              <span class="fist">*</span>
              <span>验证密码</span>
              <input type="text" class="login-emali" />
            </label>
            <div class="checkbox-1">
              <div class="checkbox-2">
                <input
                  type="checkbox"
                  name="check-password"
                  id="check-password"
                  aria-invalid="false"
                />
                <span class="out-password">显示密码</span>
              
              </div>
              <div class="checkbox-3">
                <input
                  type="checkbox"
                  name="check-password"
                  id="check-password"
                  aria-invalid="false"
                />  我承诺点击(提交)按钮即表示我已阅读,理解并接受
                <!-- <span class="out-password">
                  我承诺点击(提交)按钮即表示我已阅读,理解并接受</span> -->
                  <a href="" id="point">隐私政策</a>
                  <a href=""  id="point">使用条款</a>
                  及
                  <!-- <span class="out-password block">及</span> -->
                  <a href=""  id="point">退货政策</a>的详细内容

              </div>
              <button type="submit" class="btn-denglu" value="登录">
                <span>注册账户</span>
              </button>
            </div>
          </form>
        </div>
    </div>

    <!-- 底部导航链接 -->

    
    <div class="foot-link">
        <div id="foot_help">
            <div class="foot_intr" id="foot_intr01"> 
                <ul class="foot-link-list"> 
                    <span>
                        新手指南
                        </span>
                <li>
                  <a target="_blank" href="#">用户注册</a></li>

                <li><a target="_blank" href="#">会员折扣</a></li>

                <li><a target="_blank" href="#">用户奖励</a></li>
                </ul> 
            </div>
            <div class="foot_intr" id="foot_intr01"> 
                <ul class="foot-link-list"> 
                    <span>
                        新手指南
                        </span>
                <li>
                  <a target="_blank" href="#">用户注册</a></li>

                <li><a target="_blank" href="#">会员折扣</a></li>

                <li><a target="_blank" href="#">用户奖励</a></li>
                </ul> 
            </div>
            <div class="foot_intr" id="foot_intr01"> 
                <ul class="foot-link-list"> 
                    <span>
                        新手指南
                        </span>
                <li>
                  <a target="_blank" href="#">用户注册</a></li>

                <li><a target="_blank" href="#">会员折扣</a></li>

                <li><a target="_blank" href="#">用户奖励</a></li>
                </ul> 
            </div>
            <div class="foot_intr" id="foot_intr01"> 
                <ul class="foot-link-list"> 
                    <span>
                        新手指南
                        </span>
                <li>
                  <a target="_blank" href="#">用户注册</a></li>

                <li><a target="_blank" href="#">会员折扣</a></li>

                <li><a target="_blank" href="#">用户奖励</a></li>
                </ul> 
            </div>
            <div class="foot_intr" id="foot_intr01"> 
                <ul class="foot-link-list"> 
                    <span>
                        新手指南
                        </span>
                <li>
                  <a target="_blank" href="#">用户注册</a></li>

                <li><a target="_blank" href="#">会员折扣</a></li>

                <li><a target="_blank" href="#">用户奖励</a></li>
                </ul> 
            </div>
            <div class="erweima">
                <span>唐狮官方二维码</span>
                <img src="./img/erweima.jpg" alt="">
                <span class="friend">加微信为好友</span>
            </div>
        </div>
        <p>
            <a href="">浙江备案号1114545号</a>
        </p>
        <p class="foot-p-2">新百伦贸易（中国）有限公司 上海市静安区南京西路688号688广场6楼</p>

    </div> 
  </body>
</html>
